@import url(//fonts.googleapis.com/css?family=Open+Sans:600);

.new-fb-btn{
  margin: 5px auto;
  display: inline-block;
}

.new-fb-btn,
.new-fb-btn div{
  font-size:14px;
  font-weight:600;
  font-family:'Open Sans',sans-serif;
  color:#fff;
  text-shadow:0 0 1px RGBA(0,0,0,1);
  white-space:nowrap;
  vertical-align:middle;
}

/*
  1 --------------
*/
.new-fb-1,
.new-fb-1 div{
  height: 42px;
  line-height: 42px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-1{
  padding: 0 0 0 20px;
}

div.new-fb-1-1{
  padding: 0 43px 0 0;
  background-position: right -100px;
}

div.new-fb-1-1-1{
  background-repeat: repeat-x;
  background-position: 0 -50px;
  padding: 0 20px 0 5px;
}

/*
  2 --------------
*/
.new-fb-2,
.new-fb-2 div{
  height: 42px;
  line-height: 42px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-2{
  padding: 0 0 0 45px;
  background-position: 0 -150px;
}

div.new-fb-2-1{
  padding: 0 20px 0 0;
  background-position: right -250px;
}

div.new-fb-2-1-1{
  background-repeat: repeat-x;
  background-position: 0 -200px;
  padding: 0 0 0 10px;
  font-size: 12px;
}

/*
  3 --------------
*/
.new-fb-3,
.new-fb-3 div{
  height: 37px;
  line-height: 37px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-3{
  padding: 0 0 0 35px;
  background-position: 0 -300px;
}

div.new-fb-3-1{
  padding: 0 18px 0 0;
  background-position: right -400px;
}

div.new-fb-3-1-1{
  background-repeat: repeat-x;
  background-position: 0 -350px;
  padding: 0 0 0 8px;
  font-size: 12px;
}

/*
  4 --------------
*/
.new-fb-4,
.new-fb-4 div{
  height: 35px;
  line-height: 32px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-4{
  padding: 0 0 0 4px;
  background-position: 0 -450px;
}

div.new-fb-4-1{
  padding: 0 33px 0 0;
  background-position: right -550px;
}

div.new-fb-4-1-1{
  background-repeat: repeat-x;
  background-position: 0 -500px;
  padding: 0 19px 0 18px;
  font-size: 12px;
}

/*
  5 --------------
*/
.new-fb-5,
.new-fb-5 div{
  height: 15px;
  line-height: 15px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-5{
  padding: 0 0 0 3px;
  background-position: 0 -600px;
}

div.new-fb-5-1{
  padding: 0 3px 0 0;
  background-position: right -640px;
}

div.new-fb-5-1-1{
  background-repeat: repeat-x;
  background-position: 0 -620px;
  padding: 0 1px;
  font-size: 10px;
}

/*
  6 --------------
*/
.new-fb-6,
.new-fb-6 div{
  height: 29px;
  line-height: 26px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-6{
  padding: 0 0 0 4px;
  background-position: 0 -660px;
}

div.new-fb-6-1{
  padding: 0 27px 0 0;
  background-position: right -750px;
}

div.new-fb-6-1-1{
  background-repeat: repeat-x;
  background-position: 0 -700px;
  padding: 0 10px 0 8px;
  font-size: 12px;
}

/*
  7 --------------
*/
.new-fb-7,
.new-fb-7 div{
  height: 29px;
  line-height: 26px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-7{
  padding: 0 0 0 29px;
  background-position: 0 -800px;
}

div.new-fb-7-1{
  padding: 0 4px 0 0;
  background-position: right -900px;
}

div.new-fb-7-1-1{
  background-repeat: repeat-x;
  background-position: 0 -850px;
  padding: 0 10px 0 10px;
  font-size: 11px;
}

/*
  8 --------------
*/
.new-fb-8,
.new-fb-8 div{
  height: 25px;
  width: 30px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-8{
  background-position: 0 -950px;
}

div.new-fb-8-1{
  background-position: 0 -1050px;
  transition: background-position 0.4s;
  -moz-transition: background-position 0.4s; /* Firefox 4 */
  -webkit-transition: background-position 0.4s; /* Safari and Chrome */
  -o-transition: background-position 0.4s; /* Opera */
}

div.new-fb-8:HOVER div.new-fb-8-1{
  background-position: 0 -1000px;
}

/*
  9 --------------
*/
.new-fb-9,
.new-fb-9 div{
  height: 26px;
  width: 30px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-9{
  opacity: 0.79;
  background-position: 0 -1100px;
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s; /* Firefox 4 */
  -webkit-transition: opacity 0.4s; /* Safari and Chrome */
  -o-transition: opacity 0.4s; /* Opera */
}

div.new-fb-9:HOVER{
  opacity: 0.99
}

/*
  10 --------------
*/
.new-fb-10,
.new-fb-10 div{
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-10{
  height: 36px;
  width: 37px;
  background-position: 0 -1150px;
}

div.new-fb-10-1{
  margin: 5px 5px 6px 5px;
  height: 26px;
  width: 26px;
  overflow: hidden;
  background-position: -5px -1255px;
  transition: background-position 0.4s;
  -moz-transition: background-position 0.4s; /* Firefox 4 */
  -webkit-transition: background-position 0.4s; /* Safari and Chrome */
  -o-transition: background-position 0.4s; /* Opera */
}

div.new-fb-10:HOVER div.new-fb-10-1{
  background-position: -5px -1205px;
}

/*
  11 --------------
*/
.new-fb-11,
.new-fb-11 div{
  height: 36px;
  width: 36px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-11{
  opacity: 0.79;
  background-position: 0 -1300px;
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s; /* Firefox 4 */
  -webkit-transition: opacity 0.4s; /* Safari and Chrome */
  -o-transition: opacity 0.4s; /* Opera */
}

div.new-fb-11:HOVER{
  opacity: 0.99
}

/*
  12 --------------
*/
.new-fb-12,
.new-fb-12 div{
  height: 28px;
  width: 29px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-12{
  background-position: 0 -1350px;
  opacity: 0.79;
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s; /* Firefox 4 */
  -webkit-transition: opacity 0.4s; /* Safari and Chrome */
  -o-transition: opacity 0.4s; /* Opera */
}

div.new-fb-12:HOVER{
  opacity: 0.99
}

/*
  13 --------------
*/
.new-fb-13,
.new-fb-13 div{
  height: 25px;
  width: 30px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-13{
  background-position: 0 -1400px;
}

div.new-fb-13-1{
  background-position: 0 -1050px;
  transition: background-position 0.4s;
  -moz-transition: background-position 0.4s; /* Firefox 4 */
  -webkit-transition: background-position 0.4s; /* Safari and Chrome */
  -o-transition: background-position 0.4s; /* Opera */
}

div.new-fb-13:HOVER div.new-fb-13-1{
  background-position: 0 -1000px;
}

/*
  14 --------------
*/
.new-fb-14,
.new-fb-14 div{
  height: 23px;
  width: 23px;
  background: url('facebook-btn.png') no-repeat 0 0;
}

div.new-fb-14{
  background-position: 0 -1450px;
}

div.new-fb-14-1{
  background-position: 0 -1550px;
  transition: background-position 0.4s;
  -moz-transition: background-position 0.4s; /* Firefox 4 */
  -webkit-transition: background-position 0.4s; /* Safari and Chrome */
  -o-transition: background-position 0.4s; /* Opera */
}

div.new-fb-14:HOVER div.new-fb-14-1{
  background-position: 0 -1500px;
}

/*
  Main animations 
*/

.new-fb-default-anim{
  opacity: 0.85;
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s; /* Firefox 4 */
  -webkit-transition: opacity 0.4s; /* Safari and Chrome */
  -o-transition: opacity 0.4s; /* Opera */
}

.new-fb-default-anim:HOVER{
  opacity: 0.999;
}